<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			body{
				margin: 0;			
			}
			/*上层背景图片*/
			.top{
				margin: 0;
				background-image: url(img/top.gif);
				height: 81px;
			}
			/*设置上层左边图片及文字*/
			.top01{
				float: left;
			}
			.top02{
				margin: 18px 0px 0px 83px;
				position: absolute;
				float: left;
				font-size: 30pt;
				color: white;
				background-color:#3399ff;
			}
			/*设置上层右边及文字*/
			.top03{
				float: right;
			}
			.top04{
				border: 2px solid;
				border-radius: 50px;
				float: right;
			}
			.top05{
				color: white;
				position: absolute;
				margin: 42px 0px 0px 1750px;
			}
			/*顶部结束*/
			/*左侧*/
			/*人员信息管理*/
			.left01{
				margin: 0px 0px 0px 0px;
				position: absolute;
			}
			.left03{
				margin: 0px 0px 0px 0px;
				position: absolute;	
			}
			.left04{
				margin: 5px 0px 0px 40px;
				position: absolute;	
			}
			.left05{
				margin: 40px 0px 0px 40px;
				position: absolute;
			}
			.left06{
				margin: 106px 0px 0px 0px;
				position: absolute;
			}
			/*出勤管理*/
			.left07{
				margin: 110px 0px 0px 40px;
				position: absolute;
			}
			.left08{
				margin: 150px 0px 0px 40px;
				position: absolute;
			}
			.left09{
				margin: 220px 0px 0px 0px;
				position: absolute;
			}
			/*系统管理*/
			.left10{
				margin: 226px 0px 0px 40px;
				position: absolute;
			}
			.left11{
				margin: 260px 0px 0px 40px;
				position: absolute;
			}
			iframe{
				float: right;
				width: 1710px;
				height: 846px;
			}
			/*设置超链接*/
			.renhyuan{
				
			}
		</style>
	</head>
	<body>
		<!--上层-->
		<div class="top">
			<div class="top01">
				<img src="img/Logo.gif" />
			</div>
			<div class="top02">
				人员管理系统
			</div>
			<div class="top03">
				<img src="img/user_info.png" />
			</div>
			<div>
				<img class="top04" src="img/a.png" height="70px" />
			</div>
			<div class="top05">
				admin&emsp;通知 <font style="background-color: red;">3</font>
			</div>
		</div>
		<!--左侧-->
		<div class="left">
			<div class="left01">
				<img class="left02" src="img/menu.gif" />
				<img class="left03" src="img/side_h3.gif" />
				<div>
					<h3 class="left04">人员信息管理</h3>
					<ul class="left05">
						<li><a href="renyaunxinxi.html" target="my">人员信息</a></li>
						<li id="tianjia"><a href="tianjiaxinxi.html" target="my">添加信息</li></a>
						<li id="qiyong">启用信息</li>
					</ul>
				</div>
				<img class="left06" src="img/side_h3.gif" />
				<div>
					<h3 class="left07">出勤管理</h3>
					<ul class="left08">
						<li>出勤情况</li>
						<li>每月出勤</li>
						<li>当日出勤</li>
					</ul>
				</div>
				<img class="left09" src="img/side_h3.gif" />
				<div>
					<h3 class="left10">系统管理</h3>
					<ul class="left11">
						<li>角色管理</li>
						<li>权限管理</li>
						<li>角色分配</li>
						<li>登录日志</li>
						<li>系统配置</li>
					</ul>
				</div>
			</div>
		<!--右侧-->
		<iframe name="my"></iframe>
		</div>
	</body>
</html>
